<template>
  <div class="centerLeft2_container">
    <div class="bg-color-black">
      <div class="title">
        <span style="color: #5cd9e8">
          <icon name="chart-pie"></icon>
        </span>
        <div class="text">任务通过率</div>
        <dv-decoration-3 style="width: 1.25rem; height: 0.25rem" />
      </div>
      <div class="echart_box">
        <centreLeft2Chart />
      </div>
    </div>
  </div>
</template>

<script>
import centreLeft2Chart from "@/components/centreLeft/centreLeft2Chart.vue";
export default {
  name: "centerLeft2",
  props: [],
  data() {
    return {};
  },
  components: { centreLeft2Chart },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
.centerLeft2_container {
  padding: 0.2rem;
  height: 5.125rem;
  min-width: 3.75rem;
  border-radius: 0.0625rem;
  .bg-color-black {
    height: 4.8125rem;
    border-radius: 0.125rem;
    background-color: rgba(255, 255, 255, 0.05);
    .title {
      display: flex;
      .text {
        color: #c3cbde;
        margin: 0 5px;
      }
    }
  }
}
</style>